import React from 'react';
import { Tabs } from 'antd';
import './style.scss';

import Variables from './Variables';
import Interfaces from './Interfaces';
// import Atomic from "./AtomicWord";
// import ParentWord from "./ParentWord";

const { TabPane } = Tabs;

/**
 * 基础资源
 * 示例： AI管理-机器人管理-版本管理-配置话术流程-基础资源
 */
const BasicResource: React.FC<{ versionId: number }> = props => {
  const { versionId } = props;

  // 词类类型 0--变量管理 1--接口管理
  //   const [actionType, setActionType] = useState<string>("0");

  //   const callback = (key: string) => {
  //     setWordClassType(key);
  //   };

  return (
    <>
      <Tabs type="card" className="tabs-content">
        <TabPane tab="变量管理" key="0">
          <Variables versionId={versionId} />
        </TabPane>

        <TabPane tab="接口管理" key="1">
          <Interfaces versionId={versionId} />
        </TabPane>
      </Tabs>
    </>
  );
};

export default BasicResource;
